<!DOCTYPE html>
<html class="x-admin-sm">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>欢迎页面-X-admin2.2</title>
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport"
          content="width=device-width,user-scalable=yes, minimum-scale=0.4, initial-scale=0.8,target-densitydpi=low-dpi" />
    <link rel="stylesheet" href="./css/font.css">
    <link rel="stylesheet" href="./css/xadmin.css">
    <script type="text/javascript" src="./lib/layui/layui.js"
            charset="utf-8"></script>
    <script type="text/javascript" src="./js/xadmin.js"></script>
    <!-- 让IE8/9支持媒体查询，从而兼容栅格 -->
    <!--[if lt IE 9]>
    <script src="https://cdn.staticfile.org/html5shiv/r29/html5.min.js"></script>
    <script src="https://cdn.staticfile.org/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->
</head>
<body>
<div class="layui-fluid">
    <div class="layui-row">
        <form class="layui-form">
            <input type="hidden" name="id" id="id"/>
            <div class="layui-form-item">
                <label for="userName" class="layui-form-label"> <span
                        class="x-red">*</span>登录名
                </label>
                <div class="layui-input-inline">
                    <input type="text" id="userName" name="userName"
                           required="required" autocomplete="off" class="layui-input">
                </div>
                <div class="layui-form-mid layui-word-aux">
                    <span class="x-red">*</span>将会成为您唯一的登入名
                </div>
            </div>
            <div class="layui-form-item">
                <label for="name" class="layui-form-label">
                    真实姓名
                </label>
                <div class="layui-input-inline">
                    <input type="text" id="name" name="name"
                           lay-verify="name" autocomplete="off" class="layui-input">
                </div>
            </div>

            <div class="layui-form-item">
                <label for="telephone" class="layui-form-label"> <span
                        class="x-red"></span>手机号
                </label>
                <div class="layui-input-inline">
                    <input type="telephone" id="telephone" name="telephone"
                           lay-verify="telephone" autocomplete="off" class="layui-input">
                </div>
            </div>
            <div class="layui-form-item">
                <label for="L_repass" class="layui-form-label"> <span
                        class="x-red"></span>所属单位
                </label>
                <div class="layui-input-inline">
                    <input type="text" id="unit" name="unit"
                           lay-verify="unit" autocomplete="off" class="layui-input">
                </div>
            </div>
            <div class="layui-form-item">
                <label for="landMark" class="layui-form-label"> <span
                        class="x-red"></span>坐标
                </label>
                <div class="layui-input-inline">
                    <input type="text" id="landMark" name="landMark"
                           lay-verify="landMark" autocomplete="off" class="layui-input">
                </div>
            </div>
            <div class="layui-form-item">
                <label for="enterdate" class="layui-form-label"> <span
                        class="x-red"></span>入职日期
                </label>
                <div class="layui-input-inline">
                    <input type="text" id="enterdate" name="enterdate"
                           lay-verify="enterdate" autocomplete="off" class="layui-input">
                </div>
            </div>
            <div class="layui-form-item">
                <label for="role" class="layui-form-label"> <span
                        class="x-red">*</span>角色
                </label>
                <div class="layui-input-inline">
                    <select  id="role" name="role"
                             lay-verify="role"  class="layui-input">
                    </select>
                </div>
            </div>
            <div class="layui-form-item">
                <label  class="layui-form-label"></label>
                <label  class="layui-form-label"></label>
                <button class="layui-btn" lay-filter="edit" id="fanhui" >返回</button>
            </div>
        </form>
    </div>
</div>
<script>layui.use([ 'form', 'laydate','layer', 'jquery' ],
    function() {
        $ = layui.jquery;
        var form = layui.form,
            layer = layui.layer,
            laydate=layui.laydate;

        laydate.render({
            elem : '#enterdate' //指定元素
            ,trigger: 'click'
        });
        var $role=$("#role");
        $.get("findRoles",function(data){
            $.each(data,function(i,d){
                $role.append(new Option(d.name,d.id));
            });
            form.render();//重绘表单
        });

        var id=location.search.substring(1);
        //alert(id+">>>>>>>");
        $.get("userGet",{id:id},function(obj){
            for (var i in obj) {
                $("#" + i).val(obj[i]);
            }
            //role单独处理
            //$role.val(obj.role);
            //alert("obj role:"+obj.role);
            form.render();//重绘表单
        });

      $("#fanhui").click(function () {
          xadmin.close();
      });


    });
</script>

</body>

</html>